import React from 'react'
import Taro from '@tarojs/taro'
import { View , Text} from '@tarojs/components'
import { AtDivider, AtAvatar } from "taro-ui"

import './SingleOrder.scss';

class FinishOrder extends React.Component{

  render(){
      return(
        <View className='singleOrder'>
          <AtDivider lineColor='#ddd' height='35' />
          <view className='hospital'>
            <Text>{this.props.hospital_name}</Text>
          </view>
          <AtDivider lineColor='#f6f6f6' height='35' />
          <view className='orderInfo'>
            <view className='doctorAvatar'>
              <AtAvatar circle Text='头像' image={this.props.doctor_avatar}></AtAvatar>
            </view>
            <view className='orderBasicInfo'>
              <view className='department'>
                <text className='departmentText'>科室：</text>
                {this.props.department}
              </view>
              <view className='doctor'>
                <text className='doctorText'>预约医师：</text>
                {this.props.doctor_name}
              </view>
              <view className='orderTime'>
                <text className='orderText'>订单时间：</text>
                {this.props.order_time}
              </view>
              <view className='startTime'>
                <text className='startText'>预约时间：</text>
                {this.props.start_time}
              </view>
            </view>
            <view className='orderFee'>
              <text>{this.props.order_fee}元</text>
            </view>
            {/* <AtButton size='small' className='reOrderBtn'>
                再次预约
            </AtButton> */}
          </view>
          {/* <AtDivider lineColor='#ddd' height='35' /> */}
        </View>
      )
    }
}
  
export {FinishOrder}